<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>梁又文-前端开发-2020</title>
    <link rel="stylesheet" href="style.css">
    <style media="print">
        body {
            margin: 0;
        }

        .page2 {
            page-break-before: always;
            margin-top: 30px;
        }
    </style>
    <style>
        p {
            margin: .3em 0;
        }

        h1 {
            font-size: 25px;
            margin-top: 0;
        }

        h4,
        h5,
        h6 {
            font-weight: normal;
        }

        ol,
        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        strong {
            font-weight: normal;
        }

        a {
            color: green;
            text-decoration: none;
            border-bottom: 1px solid;
        }

        p,
        li {
            color: #666;
        }

        h3,
        h4,
        h5,
        h6 {
            margin: 0;
        }

        .bio {
            position: relative;
        }

        .bio img {
            position: absolute;
            top: 0;
            right: 0;
        }
    </style>
</head>

<body>
    <article>
        <section class="bio">
            <h1>梁又文</h1>
            <img src="images/picture.png" alt="" width="100" height="100">
            <p>
                男 | 21岁 | 前端开发工程师 | 广州 | 实习生
            </p>
            <p>
                手机：15011756892 | 微信：gdgzyw | 邮箱：layouwen@gmail.com
            </p>
        </section>

        <section class="projects">
            <h2>项目经历</h2>
            <ol>
                <li>
                    <header>
                        <h3>易新账本</h3>
                        <span>
                            <a href="https://github.com/Layouwen/YiXin-website">源码链接</a>
                            <a href="https://layouwen.github.io/YiXin-website">项目预览</a>
                        </span>
                    </header>
                    <p>易新账本是一款简约风的记账应用。</p>
                    <p>也是一款基于 <strong>Vue</strong> 、<strong>VueRouter</strong> 、<strong>Vuex</strong>
                        、<strong>TypeScript</strong> 的单页面应用。
                    </p>
                    <p>从设计至完成，借鉴参考了多款 AppStore 中的类似应用。最终使其最简化。</p>
                    <p>本项目期间遇到很多问题，如 <strong>webpack配置</strong> ，<strong>TypeScript</strong> 等问题。最终都记录在博客中。</p>
                </li>
                <li>
                    <header>
                        <h3>易新UI组件</h3>
                        <span>
                            <a href="https://github.com/Layouwen/Yixin-UI">源码链接</a>
                            <a href="https://layouwen.github.io/Yixin-UI">项目预览</a>
                        </span>
                    </header>
                    <p>Yixin-UI 是一款基于 <strong>Vue</strong> 技术栈开发的一套简洁的 UI 框架</p>
                    <p>该框架参考了 Element、Ant Design 的 UI 界面及 API 设计，适应了 <strong>PC 端</strong>与<strong>移动端</strong></p>
                    <p>了目前已经完成 Button、Input、Tab、Toast、Collapse 等 <strong>8 个</strong> UI 组件</p>
                    <p>采用 <strong>Chai</strong>、<strong>Karma</strong>、<strong>Sinon</strong> 等框架编写 <strong>BDD 模式</strong>的测试用例，并部署<strong>Travis CI</strong>持续集成服务</p>
                    <p>使用 Vue 生态产品 <strong>VuePress</strong> 搭建其使用文档</p>
                </li>
                <li>
                    <header>
                        <h3>易新翻译(小程序)</h3>
                        <span>
                            <a href="https://github.com/Layouwen/Yixin-fanyi">源码链接</a>
                            <a href="javascript:;" onclick="alert('小程序搜索：易新翻译')">项目预览</a>
                        </span>
                    </header>
                    <p>微信小程序搜索：<strong>易新翻译</strong></p>
                    <p>易新翻译是一款简单的翻译 <strong>小程序</strong> 。在 <strong>学习</strong> 小程序开发后，尝试开发的一个小程序应用。</p>
                    <p>了解其标签语法，数据绑定及其布局方式。并调用 <strong>百度翻译API</strong> 实现翻译效果。 </p>
                </li>
                <li>
                    <header>
                        <h3>艺简导航页</h3>
                        <span>
                            <a href="https://github.com/Layouwen/YJ-nav">源码链接</a>
                            <a href="http://layouwen.gitee.io/yj-nav/src/index.html">项目预览</a>
                        </span>
                    </header>
                    <p>这是一个基于 <strong>jQuery</strong> 的PC端、移动端 <strong>适配</strong> 的导航页。</p>
                    <p>根据个人需求，借鉴各大导航网站设计的一个简单快捷的 <strong>导航</strong> 页面。</p>
                    <p>并添加 <strong>键盘事件监听</strong> ， <strong>PC端</strong> 可以根据相应的 <strong>按键跳转</strong> 对于的网站。</p>
                    <p>并使用 <strong>localstorage</strong> 存储数据，记录保存的记录。</p>
                </li>
                <li>
                    <header>
                        <h3>皮卡皮卡</h3>
                        <span>
                            <a href="https://github.com/Layouwen/Pikachu">源码链接</a>
                            <a href="https://layouwen.gitee.io/pikachu/src/index.html">项目预览</a>
                        </span>
                    </header>
                    <p>这是一个使用 <strong>CSS</strong> ，根据模板图尽可能 <strong>还原</strong> 图片的效果。</p>
                    <P>并使用 <strong>原生JS</strong> 实现， <strong>播放</strong> 绘画过程的效果。</P>
                    <p>通过这个项目，使自己对CSS的使用更加熟练。</p>
                </li>
                <li>
                    <header>
                        <h3>艺术时间</h3>
                        <span>
                            <a href="https://github.com/Layouwen/Art-Time">源码链接</a>
                            <a href="https://layouwen.gitee.io/art-time/index.html">项目预览</a>
                        </span>
                    </header>
                    <p>这是一个使用 <strong>canvas</strong> 和 <strong>原生JS</strong> 实现的PC端、手机端 <strong>自适应</strong> 一个简易
                        <strong>画板</strong> 。</p>
                    <p>可用于日常草稿、涂鸦。有3种颜色的画笔，以及3种粗细选择。</p>
                    <p>添加可选择白底或黑底。以及窗口 <strong>变化检测</strong>。</p>
                </li>
            </ol>
        </section>

        <section class="education page2">
            <h2>教育经历</h2>
            <p>
                <span><time>2020.04</time>~<time>至今</time></span>
                <span>华南理工大学</span>
                <span>计算机科学与技术</span>
                <span>本科</span>
            </p>
            <p>
                <span><time>2016.09</time>~<time>2021年7月</time></span>
                <span>广州市机电技师学院</span>
                <span>计算机网络技术</span>
                <span>大专</span>
            </p>
        </section>

        <section class="">
            <h2>获奖情况</h2>
            <p>2020年广州市广播电视大学 奖学金</p>
            <p>2018-2019年度广州市社会保障局 优秀共青团员</p>
            <p>2019年广州市广播电视大学 优秀学生</p>
            <p>2019年广州市机电技师学院计算机技能节 中文、英文组一等奖</p>
            <p>2018-2019学年广州市机电技师学院第一学期、第二学期 二等奖 奖学金</p>
            <p>2017-2018学年广州市机电技师学院第二学期 二等奖 奖学金</p>
            <p>2016-2017学年、2017-2018学年广州市机电技师学院 三好学生</p>
            <p>2016年度广州市机电技师学院 优秀共青团干部</p>
        </section>

        <section class="skills">
            <h2>技能</h2>
            <div class="wrapper">
                <div id="skills"></div>
                <ul>
                    <li>熟练页面制作技巧，能将设计稿<strong>完美还原</strong> </li>
                    <li>熟练掌握 <strong>Vue全家桶</strong> 的使用，包括 VueCli、VueRouter、Vuex 等</li>
                    <!-- <li>熟练掌握 <strong>React全家桶</strong> 的使用，包括 create-react-app、ReactRouter、Redux 等</li> -->
                    <li>掌握 <strong>Webpack 的配置和优化</strong> 及周边插件</li>
                    <li>掌握 <strong>ES6</strong>，包括 let / Promise / await / 析构赋值</li>
                    <li>熟悉<strong>前后端分离</strong>技术，包括 AJAX、跨域、前端路由、Cookie、Session 等</li>
                    <li>熟悉 <strong>TypeScript</strong> 的使用，其中项目使用的就是 TS</li>
                    <li>熟悉 <strong>小程序</strong> 开发及流程，能开发基本应用</li>
                    <li>熟悉 <strong>Echarts</strong>、<strong>jQuery</strong>、<strong>Bootstrap</strong> 等相关技术 </li>
                </ul>
            </div>
        </section>

        <section class="openSource">
            <h2>开源项目</h2>
            <ul>
                <li>
                    <header>
                        <h3>DOM(dyw) - 对DOM的封装 </h3>
                        <a href="https://github.com/Layouwen/DOM-lyw">源码链接</a>
                    </header>
                    <p>对 <strong>原生DOM</strong> 操作进行 <strong>封装</strong> ，简化操作。</p>
                    <p>仅用来学习使用，实际开发使用的是 <strong>jQuery</strong>。</p>
                </li>
                <li>
                    <header>
                        <h3>Static Server - Node.js静态服务器</h3>
                        <span>
                            <a href="https://github.com/Layouwen/Static-Server">源码链接</a>
                        </span>
                    </header>
                    <p>使用 <strong>Node.js</strong> 搭建的静态服务器。</p>
                </li>
            </ul>
        </section>

        <!-- <section class="jobs">
            <h2>工作经历</h2>
            <ol>
                <li>
                    <header>
                        <h3> XX公司 </h3>
                        <h4>前端工程师实习生（Vue+JS）</h4>
                        <span><time>2020年7月</time>~<time>2020年10月</time></span>
                    </header>
                    <ul>
                        <li>
                            独立负责 iPad 客户端的后台 <strong>Rails</strong> 开发和前端开发工作
                        </li>
                        <li>
                            负责团队基础库开发、单元测试、文档撰写，确保测试<strong>覆盖率达到 90%</strong> 以上
                        </li>
                        <li>
                            作为前端骨干，负责给前端较弱的同事进行培训，提高其前端开发工作效率
                        </li>
                    </ul>
                </li>
            </ol>
        </section> -->

        <section class="others">
            <h2>其他链接</h2>
            <ul>
                <li><a href="https://www.yuque.com/waver-klavd/wb96n6">我的博客</a>，目前已有 37 篇技术文章</li>
                <li><a href="https://github.com/Layouwen">我的 GitHub</a>，过去三个月有 411 次提交</li>
            </ul>
        </section>

    </article>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>
    <script src="main.js "></script>
</body>

</html>